﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Root.master" AutoEventWireup="true"
    CodeFile="DangKy.aspx.cs" Inherits="DangKy" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <style type="text/css">
        .placeBox strong
        {
            color: Red;
        }
        .cot1
        {
            width: 30%;
            height: 25px;
            vertical-align: top;
        }
        .cot2
        {
            width: 70%;
            height: 35px;
            vertical-align: top;
            padding-bottom: 5px;
        }
        .text, select
        {
            background: white none;
            border: solid 1px /*#6B91AB*/ #C4C4C4;
            padding: 4px 5px;
            outline: 0;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            width: 200px;
        }
        .text:focus
        {
            background-color: #F2F6F8;
            background-image: none;
            background-position: initial initial;
            background-repeat: initial initial;
        }
        .placeBox .error
        {
            color: Red;
            display: none;
        }
        .placeBox span
        {
            display: block;
        }
        .placeBox.thongbao
        {
        }
    </style>
    <link href="admin/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
    <script src="admin/Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script src="admin/Scripts/jquery-ui-sliderAccess.js" type="text/javascript"></script>
    <script src="admin/Scripts/datapicker.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=txtNgaySinh.ClientID%>').datepicker({
                dateFormat: 'dd/mm/yy',
                minDate: new Date('1/1/1753'),
                maxDate: new Date(),
                onClose: function (dateText, inst) {

                    var DateTime;
                    var DateNow = new Date();
                    DateTime = $(this).datepicker('getDate');

                    if (DateTime.getFullYear() >= 1753)
                        $(this).val(DateTime.getDate() + '/' + (DateTime.getMonth() + 1) + '/' + DateTime.getFullYear());
                    else
                        $(this).val('1/1/1753');

                    $(this).attr('error', '');
                }
            });
        });
        function refesh() {
            return false;
        }
        function KiemTra() {
            var ktdk = true;

            for (var i = 0; i < $('.text').length; i++) {
                if ($('.text').eq(i).attr('error') != '') {
                    $('.text').eq(i).parent().children('.error').text($('.text').eq(i).attr('error')).css("display", "block");
                    return false;
                }
            }
            alert(ktdk);
            return false;
        }
        function KiemTraMail(obj) {
            if (trim(obj.value) == '') {
                $(obj).parent().children('.error').text("Mail không được để trống").css("display", "block");
                $(obj).attr('error', 'Mail không được để trống');
                return;
            }

            var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/;
            if (!emailFilter.test(trim(obj.value))) {
                $(obj).parent().children('.error').text("Mail không đúng định dạng").css("display", "block");
                $(obj).attr('error', 'Mail không đúng định dạng');
                return;
            }
            KiemTraTrung(trim(obj.value));
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');

        }
        function KiemTraMatKhau(obj) {
            if (trim(obj.value) == '') {
                $(obj).parent().children('.error').text("Mật khẩu không được để trống").css("display", "block");
                $(obj).attr('error', 'Mật khẩu không được để trống');
                return;
            }
            if (trim(obj.value).length < 6) {
                $(obj).parent().children('.error').text("Mật khẩu nhỏ hơn 6 ký tự").css("display", "block");
                $(obj).attr('error', 'Mật khẩu nhỏ hơn 6 ký tự');
                return;
            }
            var LaiMK = $('#<%=txtLaiMatKhau.ClientID %>').val();
            if (trim(obj.value) == trim(LaiMK)) {
                $('#<%=txtLaiMatKhau.ClientID %>').attr('error', '');
            }
            else {
                if (LaiMK != '') {
                    $('#<%=txtLaiMatKhau.ClientID %>').attr('error', 'Mật khẩu không trùng nhau');
                    $('#<%=txtLaiMatKhau.ClientID %>').parent().children('.error').text("Mật khẩu không trùng nhau").css("display", "block");
                }
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraNhapLaiMatKhau(obj) {

            var MatKhau = $('#<%=txtMatKhau.ClientID %>').val();
            if (trim(obj.value) != trim(MatKhau)) {
                $(obj).parent().children('.error').text("Mật khẩu không trùng nhau").css("display", "block");
                $(obj).attr('error', 'Mật khẩu không trùng nhau');
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraHoTen(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Họ tên không được để trống');
                $(obj).parent().children('.error').text("Họ tên không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraDiaChi(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Địa chỉ không được để trống');
                $(obj).parent().children('.error').text("Địa chỉ không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function KiemTraDienThoai(obj) {
            if (trim(obj.value) == '') {
                $(obj).attr('error', 'Điện thoại không được để trống');
                $(obj).parent().children('.error').text("Điện thoại không được để trống").css("display", "block");
                return;
            }
            $(obj).parent().children('.error').removeAttr("style");
            $(obj).attr('error', '');
        }
        function trim(s) {
            return s.replace(/^\s+|\s+$/, '');
        }
        function KiemTraTrung(email) {
            $.ajax({
                type: 'get',
                url: 'Process.aspx?KiemTraTrung=' + email,
                async: true,
                success: function (val) {
                    if (val == '1') {
                        $('#<%=txtMail.ClientID %>').parent().children('.error').text("Địa chỉ mail đã sử dụng").css("display", "block");
                        $('#<%=txtMail.ClientID %>').attr('error', 'Địa chỉ mail đã sử dụng');
                    }
                    else {
                        $('#<%=txtMail.ClientID %>').parent().children('.error').removeAttr("style");
                        $(obj).attr('error', '');
                    }

                }
            });
        }
    </script>
    <div class="placeBox">
        <div id="divsitebar" class="divsitebar">
            Đăng ký tài khoản
        </div>
        <div id="frmDangKy" runat="server" style="padding-right: 8px; padding-bottom: 20px;
            color: #333">
            <span style="padding: 10px 0px; color: #777">Thông tin đăng ký (Có dấu <strong>*</strong>
                là phần thông tin bắt buộc)</span>
            <table cellpadding="0;" cellspacing="0" border="0" width="100%">
                <tr>
                    <td class="cot1">
                        Mail (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" CssClass="text" error="Mail không được để trống" onblur="KiemTraMail(this)"
                            ID="txtMail" MaxLength="100"></asp:TextBox>
                        <span class="error"></span><span style="color: #777;">Mail dùng để đăng nhập trên Website
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Mật khẩu (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" onblur="KiemTraMatKhau(this)" TextMode="Password" error="Mật khẩu không được để trống"
                            CssClass="text" ID="txtMatKhau" MaxLength="50"></asp:TextBox><span class="error"></span>
                        <span style="color: #777;">Lưu ý mật khẩu phân biệt chữ hoa và chữ thường, có từ 6 kí
                            tự trở lên và không chứa tên đăng nhập.</span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Xác nhận mật khẩu (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" onblur="KiemTraNhapLaiMatKhau(this)" TextMode="Password"
                            error="Mật khẩu không trùng nhau" CssClass="text" ID="txtLaiMatKhau" MaxLength="50"></asp:TextBox><span
                                class="error"></span> <span style="color: #777;">Nhập lại mật khẩu</span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Họ tên (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" onblur="KiemTraHoTen(this)" CssClass="text" ID="txtHoTen"
                            error="Họ tên không được để trống" MaxLength="100"></asp:TextBox><span class="error"></span>
                        <span style="color: #777;">Tên đầy đủ của bạn</span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Ngày sinh (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" CssClass="text" ID="txtNgaySinh" error="Ngày sinh không được để trống"
                            MaxLength="12"></asp:TextBox><span class="error">Ngày sinh không được để trống</span>
                        <span style="color: #777;">Ngày sinh của bạn (dd/mm/yyyy)</span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Gới tính:
                    </td>
                    <td class="cot2">
                        <asp:DropDownList runat="server" ID="drlGioiTinh" Width="70px">
                            <asp:ListItem Text="Nam" Value="true">
                            </asp:ListItem>
                            <asp:ListItem Text="Nữ" Value="false">
                            </asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Địa chỉ (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" onblur="KiemTraDiaChi(this)" CssClass="text" Width="300px"
                            ID="txtDiaChi" error="Địa chỉ không được để trống" MaxLength="200"></asp:TextBox><span
                                class="error"></span>
                    </td>
                </tr>
                <tr>
                    <td class="cot1">
                        Điện thoại (<strong>*</strong>):
                    </td>
                    <td class="cot2">
                        <asp:TextBox runat="server" onblur="KiemTraDienThoai(this)" CssClass="text" ID="txtDienThoai"
                            error="Điện thoại không được để trống" MaxLength="15"></asp:TextBox><span class="error"></span>
                    </td>
                </tr>                
                <tr>
                    <td class="cot1">
                    </td>
                    <td class="cot2">
                        <asp:Button runat="server" Text="Đăng ký" Style="padding: 2px 5px" OnClientClick="return KiemTra();"
                            ID="btDangKy" OnClick="btDangKy_Click" />
                        <button style="padding: 2px 5px" onclick="return refesh()">
                            Làm lại
                        </button>
                    </td>
                </tr>
            </table>
        </div>
        <div id="frmDangKyThanhCong" visible="false" runat="server" style="padding-right: 8px;
            padding-top: 15px; padding-bottom: 20px; color: #333">
            <asp:Label runat="server" ID="lbThongBao"></asp:Label>
        </div>
    </div>
</asp:Content>
